<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>首页-弹弹堂官方手游</title>
		<style>
					
			body {
				font: 12px/1.5 Microsoft Yahei, tahoma, \5b8b\4f53, sans-serif;
				background-color: #ffffff;
				font-family: Microsoft Yahei;
			}
			
			a {
				text-decoration: none;
			}
			
			a:hover {
				text-decoration: none;
				
			}
			.index {
				background: url(img/bg.jpg) no-repeat 50% 0;
				width: 100%;
				min-width: 1200px;
				padding-bottom: 130px;
			}
			
			.header {
				height: 797px;
				position: relative;
			}
			
			.top_logo {
				width: 210px;
				height: 138px;
				position: absolute;
				top: 158px;
				left: 50%;
				margin-left: -600px;
			}
			
			.vid {
				display: block;
				background: url(img/vid.png) no-repeat;
				width: 84px;
				height: 88px;
				position: absolute;
				top: 335px;
				left: 50%;
				margin-left: 167px;
			}
			
			.top {
				width: 100%;
				height: 100px;
				position: absolute;
				left: 0;
				z-index: 2;
			}
			
			.top_bg {
				background: rgba(13, 6, 22, 0.85);
				width: 100%;
				min-width: 1200px;
				height: 100%;
			}
			
			.top_container {
				width: 1200px;
				height: 133px;
				position: absolute;
				top: 0;
				left: 50%;
				margin-left: -600px;
			}
			
			.logo {
				float: left;
				background: url(img/icon_logo.png) no-repeat;
				width: 133px;
				height: 133px;
				margin-top: 12px;
				margin-right: 15px;
			}
			
			.hd_title {
				float: left;
				width: 228px;
				line-height: 26px;
				font-size: 16px;
				color: #1784e3;
				padding-top: 35px;
			}
			
			.hd_title strong {
				display: block;
				font-size: 19px;
				color: #fff;
			}
			
			.list_nav {
				float: left;
				width: 540px;
				margin-right: 10px;
			}
			
			.list_nav li {
				float: left;
				width: 108px;
				height: 99px;
			}
			
			.list_nav a {
				display: block;
				width: 100%;
				height: 97px;
				border-bottom: 3px solid rgba(13, 6, 22, 0.85);
				font-size: 19px;
				text-align: center;
				line-height: 97px;
				color: #fff;
			}
			
			.list_nav a:hover,
			.list_nav li.on a {
				border-bottom: 3px solid #ffc70f;
				color: #ffc70f;
			}
			
			.cdkey {
				float: left;
				width: 150px;
				height: 99px;
				text-align: center;
			}
			
			.cdkey i {
				display: inline-block;
				vertical-align: top;
				background-position: 0 0;
				width: 26px;
				height: 24px;
				margin-top: 37px;
				margin-right: 5px;
			}
			
			.cdkey span {
				display: inline-block;
				font-size: 19px;
				color: #ffc70f;
				line-height: 99px;
			}
			
			.box_gzh {
				float: left;
				width: 90px;
				height: 293px;
				position: absolute;
				right: -30px;
				top: 0;
			}
			
			.icon_login {}
			
			.icon_login a {
				width: 37px;
				height: 70px;
				padding-top: 29px;
			}
			
			.icon_login a i {
				display: block;
				vertical-align: middle;
				width: 37px;
				height: 37px;
			}
			
			.login_wx {
				background-position: 0 -32px;
			}
			
			.login_qq {
				background-position: 0 -76px;
			}
			
			.wrap {
				width: 100%;
				min-width: 1200px;
			}
			
			.container {
				width: 1200px;
				margin: 0 auto;
			}
			
			.hide {
				display: block;
				width: 0;
				height: 0;
				overflow: hidden;
			}
			
			.pr {
				position: relative;
			}
			
			.pa {
				position: absolute;
			}
			
			.fl {
				float: left;
			}
			
			.fr {
				float: right;
			}
			
			.db {
				display: block;
				text-indent: -999em;
			}
			
			.sp,
			.prev,
			.next {
				background: url(img/sp.png) no-repeat;
			}
			
			.icon {
				background: url(img/icon.png) no-repeat;
			}
			
			.news_more:hover {
				background-position: 0 -746px;
			}
			
			.guide_more:hover,
			.college_news_more:hover,
			.comic_more:hover,
			.video_more:hover {
				background-position: -32px 3px;
			}
			
			
			body,
			div,
			dl,
			dt,
			dd,
			ul,
			ol,
			li,
			h1,
			h2,
			h3,
			h4,
			h5,
			h6,
			pre,
			form,
			fieldset,
			input,
			textarea,
			p,
			blockquote,
			th,
			td {
				margin: 0;
				padding: 0;
			}
			
			table {
				border-collapse: collapse;
				border-spacing: 0;
			}
			
			address,
			caption,
			cite,
			code,
			dfn,
			em,
			strong,
			th,
			var {
				font-weight: normal;
				font-style: normal;
			}
			
			ol,
			ul {
				list-style: none;
			}
			
			h1,
			h2,
			h3,
			h4,
			h5,
			h6 {
				font-weight: normal;
				font-size: 100%;
			}
			
			q:before,
			q:after {
				content: '';
			}
			
			fieldset,
			img,
			abbr,
			acronym {
				border: 0;
			}
			
			.c:before,
			.c:after,
			.wbshow:before,
			.wbshow:after {
				content: "";
				display: table;
			}
			
			.c:after,
			.wbshow:after {
				clear: both;
			}
			
			.c,
			.wbshow {
				zoom: 1;
			}

			
			.box1 {}
			
			.slide_adv {
				float: left;
				width: 400px;
				height: 433px;
				overflow: hidden;
				position: relative;
			}
			
			.list_adv {
				width: 2000px;
				position: absolute;
			}
			
			.list_adv li {
				float: left;
				width: 400px;
			}
			
			.list_adv img {
				display: block;
			}
			
			.icon_adv {
				position: absolute;
				bottom: 32px;
				left: 32px;
			}
			
			.icon_adv li {
				display: inline-block;
				width: 6px;
				height: 6px;
				border-radius: 6px;
				border: 3px solid #ffffff;
				overflow: hidden;
				margin: 0 3px;
			}
			.icon_adv li.on {
				background-color: #fff;
			}
			
			.box_news {
				float: left;
				background-color: #fff;
				width: 407px;
				height: 400px;
				border: 1px solid #ebebeb;
				padding: 31px 34px 0;
			}
			
			.news_tit {
				width: 100%;
				border-bottom: 1px solid #969696;
				padding-bottom: 5px;
			}
			
			.news_tit h3 {
				float: left;
				width: 110px;
				font-size: 16px;
				color: #242424;
				line-height: 24px;
			}
			
			.news_more {
				float: right;
				background-position: 0 -122px;
				width: 19px;
				height: 19px;
				margin-top: 3px;
			}
			
			.tab_news {
				margin-top: 12px;
			}
			
			.tab_news li {
				float: left;
				width: 56px;
				height: 26px;
				margin-right: 45px;
				display: inline;
			}
			
			.tab_news li.on,
			.tab_news li a:hover {
				background-color: #ff8319;
				border-radius: 13px;
			}
			
			.tab_news a {
				display: block;
				width: 100%;
				height: 100%;
				font-size: 16px;
				color: #8f8f8f;
				text-align: center;
				line-height: 26px;
			}
			
			.tab_news li.on a,
			.tab_news li a:hover {
				color: #fff;
			}
			
			.tab_news_ct {
				display: none;
			}
			
			.tab_news_ct {
				margin-top: 30px;
			}
			
			.list_news {}
			
			.list_news li {
				float: left;
				width: 100%;
			}
			
			.list_news a {
				float: left;
				width: 70%;
				font-size: 15px;
				color: #8f8f8f;
				line-height: 28px;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}
			
			.list_news a:hover {
				color: #ff8319;
				text-decoration: underline;
			}
			
			.list_news em {
				float: right;
				width: 60px;
				text-align: right;
				font-size: 13px;
				color: #8f8f8f;
				line-height: 28px;
			}
			
			.list_news li.headlines {
				border-bottom: 1px dashed #949393;
				height: 140px;
				margin-bottom: 22px;
			}
			
			.list_news li.headlines a {
				float: none;
				width: 100%;
				text-overflow: inherit;
				white-space: normal;
				overflow: visible;
				font-size: 19px;
				line-height: 27px;
				color: #494949;
			}
			
			.list_news li.headlines p {
				font-size: 14px;
				color: #8ac1c9;
				line-height: 27px;
				margin-top: 10px;
				height: 54px;
				overflow: hidden;
			}
			
			.box2 {
				margin-top: 39px;
			}
			
			.box_active {
				float: left;
				width: 781px;
			}
			
			.active_tit {
				background-position: -5px -220px;
				height: 36px;
				padding-left: 42px;
				line-height: 36px;
				font-size: 22px;
				color: #5c5c5c;
			}
			
			.active_tit span,
			.guide_tit span,
			.sys_tit span,
			.feat_tit span,
			.college_tit span {
				font-size: 11px;
				color: #b3b3b3;
				margin-left: 5px;
			}
			
			.list_active {
				margin-top: 15px;
			}
			
			.list_active a {
				width: 380px;
				height: 151px;
				position: relative;
				display: block;
			}
			
			.list_active img {
				display: block;
			}
			
			.icon_new {
				background-position: 0 -148px;
				width: 50px;
				height: 29px;
				position: absolute;
				top: -11px;
				left: -10px;
			}
			
			.box_guide {
				float: right;
				width: 399px;
				position: relative;
			}
			
			.guide_tit {
				font-size: 22px;
				color: #5c5c5c;
				line-height: 44px;
				height: 44px;
				*margin-bottom: 15px;
			}
			
			.guide_more {
				display: block;
				background-position: -26px -119px;
				width: 19px;
				height: 25px;
				position: absolute;
				top: 10px;
				right: 0;
			}
			
			.list_guide {
				margin-top: 7px;
			}
			
			.list_guide a {
				float: left;
				width: 133px;
				height: 75px;
				text-align: center;
				font-size: 15px;
				color: #99ceff;
			}
			
			.guide_bg1 {
				background-color: #3f5b9b;
			}
			
			.guide_bg2 {
				background-color: #4b6eb8;
			}
			
			.list_guide span,
			.list_guide em {
				display: inline-block;
				*zoom: 1;
				*display: inline;
				vertical-align: middle;
				line-height: 75px;
			}
			
			.list_guide span {
				width: 30px;
				height: 27px;
				margin-right: 3px;
			}
			
			.guide_icon1 {
				background-position: 0 -398px;
			}
			
			.guide_icon2 {
				background-position: 0 -427px;
			}
			
			.guide_icon3 {
				background-position: 0 -456px;
			}
			
			.guide_icon4 {
				background-position: 0 -485px;
			}
			
			.guide_icon5 {
				background-position: 0 -514px;
			}
			
			.guide_icon6 {
				background-position: 0 -543px;
			}
			
			.list_guide a:hover {
				background-color: #ff8319;
				color: #fff;
			}
			
			.list_guide a:hover .guide_icon1 {
				background-position: 0 -572px;
			}
			
			.list_guide a:hover .guide_icon2 {
				background-position: 0 -601px;
			}
			
			.list_guide a:hover .guide_icon3 {
				background-position: 0 -630px;
			}
			
			.list_guide a:hover .guide_icon4 {
				background-position: 0 -659px;
			}
			
			.list_guide a:hover .guide_icon5 {
				background-position: 0 -688px;
			}
			
			.list_guide a:hover .guide_icon6 {
				background-position: 0 -717px;
			}
			
			.box_down {
				float: right;
				background: url(img/bg_down.jpg) no-repeat;
				width: 323px;
				height: 332px;
				padding-top: 101px;
			}
			
			.box_down img {
				display: block;
				width: 132px;
				height: 132px;
				margin-left: 85px;
			}
			
			.lst_down {
				margin-top: 83px;
				margin-left: 20px;
			}
			
			.lst_down a {
				float: left;
			}
			
			.down_android {
				background-position: 0 -48px;
				width: 140px;
				height: 46px;
				margin-right: 7px;
			}
			
			.down_android:hover {
				background-position: 0 0;
			}
			
			.down_ios {
				background-position: -147px -48px;
				width: 140px;
				height: 46px;
			}
			
			.down_ios:hover {
				background-position: -147px 0;
			}
			
			.down_pc {
				background-position: -164px -98px;
				width: 160px;
				height: 46px;
				margin-top: 7px;
				margin-left: 66px;
			}
			
			.down_pc:hover {
				background-position: 0 -98px;
			}
			
			.box3 {
				margin-top: 30px;
				position: relative;
			}
			
			.sys_tit {
				background-position: -5px -271px;
				height: 36px;
				padding-left: 42px;
				line-height: 36px;
				font-size: 22px;
				color: #5c5c5c;
				*margin-bottom: 5px;
			}
			
			.tab_sys {
				width: 748px;
				height: 67px;
				background: url(img/sys_tab_tit1.png) no-repeat;
				padding: 0 226px;
				margin-top: 5px;
			}
			
			.tab_sys li {
				float: left;
				width: 137px;
				margin: 0 25px;
				text-align: center;
				line-height: 67px;
			}
			
			.tab_sys a {
				display: block;
				width: 100%;
				height: 100%;
				text-indent: -999em;
			}
			
			.tab_sys_ct {
				width: 1198px;
				height: 415px;
				background-color: #f8f8f8;
				border: solid #ebebeb;
				border-width: 0 1px 1px;
				display: none;
				position: relative;
			}
			
			.slides_container {
				width: 1198px;
				height: 415px;
				overflow: hidden;
			}
			
			.slides_container img {
				display: block;
			}
			
			.prev,
			.next {
				width: 30px;
				height: 57px;
				position: absolute;
				top: 50%;
				margin-top: -27px;
			}
			
			.prev {
				background-position: -326px -70px;
				left: 45px;
			}
			
			.next {
				background-position: -367px -71px;
				right: 45px;
			}
			
			.pagination {
				position: absolute;
				top: 31px;
				right: 128px;
			}
			
			.sys1_pagination {
				background: url(img/sys_tab1_s1.png) no-repeat;
				width: 229px;
				height: 321px;
				padding-top: 59px;
			}
			
			.sys1_pagination li {
				float: left;
				width: 100%;
				height: 93px;
			}
			
			.sys1_pagination a,
			.sys2_pagination a,
			.sys3_pagination a,
			.sys4_pagination a {
				display: block;
				width: 100%;
				height: 100%;
			}
			
			.current .sys_tab1_s1,
			.current .sys_tab1_s2,
			.weapon_more:hover {
				background: url(img/sys_tab1_s2.png) no-repeat;
			}
			
			.current .sys_tab1_s1 {
				background-position: 0 -59px;
			}
			
			.current .sys_tab1_s2 {
				background-position: 0 -152px;
			}
			
			.weapon_more {
				width: 229px;
				height: 93px;
				position: absolute;
				top: 276px;
				right: 128px;
			}
			
			.weapon_more:hover {
				background-position: 0 -245px;
			}
				
			.box4 {
				margin-top: 35px;
				position: relative;
			}
			
			.feat_tit {
				background-position: -4px -316px;
				height: 36px;
				padding-left: 49px;
				line-height: 36px;
				font-size: 22px;
				color: #5c5c5c;
				position: absolute;
				top: 10px;
				left: 0;
				z-index: 999;
			}
			
			.slide_feat {
				width: 1200px;
				height: 460px;
				overflow: hidden;
				position: relative;
			}
			
			.list_feat {
				width: 3600px;
				position: absolute;
			}
			
			.list_feat li {
				float: left;
				width: 1200px;
				height: 460px;
				position: relative;
			}
			
			.list_feat li a {
				position: absolute;
				bottom: 0;
			}
			
			.list_feat img {
				display: block;
			}
			
			.icon_feat {
				position: absolute;
				bottom: 45px;
				left: 114px;
			}
			
			.icon_feat li {
				display: inline-block;
				width: 9px;
				height: 9px;
				border-radius: 9px;
				overflow: hidden;
				background-color: #fff;
				margin-right: 13px;
			}
			
			.icon_feat li.on {
				background-color: #1d85bc;
			}
			
			.box5 {
				margin-top: 35px;
			}
			
			.college_tit {
				background-position: -3px -359px;
				height: 36px;
				padding-left: 42px;
				line-height: 42px;
				font-size: 22px;
				color: #5c5c5c;
			}
			
			.college_ct {
				border: 1px solid #ebebeb;
				padding: 25px 35px;
				margin-top: 12px;
			}
			
			.college_news {
				float: left;
				width: 517px;
				position: relative;
				margin-right: 88px;
			}
			
			.college_news_more {
				display: block;
				background-position: -26px -119px;
				width: 19px;
				height: 25px;
				position: absolute;
				top: 0;
				right: 0;
			}
			
			.tab_col_news {
				padding-bottom: 21px;
				border-bottom: 1px solid #ebebeb;
			}
			
			.tab_col_news li {
				float: left;
				width: 56px;
				height: 26px;
				margin-right: 25px;
				display: inline;
			}
			
			.tab_col_news li.on,
			.tab_col_news li a:hover {
				background-color: #ff8319;
				border-radius: 13px;
			}
			
			.tab_col_news a {
				display: block;
				width: 100%;
				height: 100%;
				font-size: 16px;
				color: #8f8f8f;
				text-align: center;
				line-height: 26px;
			}
			
			.tab_col_news li.on a,
			.tab_col_news li a:hover {
				color: #fff;
			}
			
			.col_news_ct {
				display: none;
				margin-top: 22px;
				height: 208px;
			}
			
			.list_col_news {}
			
			.list_col_news li {
				float: left;
				width: 100%;
			}
			
			.list_col_news a {
				float: left;
				width: 70%;
				font-size: 15px;
				color: #686868;
				line-height: 34px;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}
			
			.list_col_news em {
				float: right;
				width: 60px;
				text-align: right;
				font-size: 13px;
				color: #8f8f8f;
				line-height: 28px;
			}
			
			.box_comic {
				float: left;
				width: 522px;
				position: relative;
			}
			
			.box_comic h2 {
				width: 100%;
				font-size: 16px;
				color: #676767;
				height: 26px;
				line-height: 26px;
				padding-bottom: 21px;
				border-bottom: 1px solid #ebebeb;
			}
			
			.comic_more {
				display: block;
				background-position: -26px -119px;
				width: 19px;
				height: 25px;
				position: absolute;
				top: 0;
				right: 0;
			}
			
			.list_comic {
				margin-top: 34px;
			}
			
			.list_comic a {
				width: 250px;
				height: 196px;
				position: relative;
			}
			
			.list_comic a img {
				display: block;
			}
			
			.icon_period {
				background-position: -289px 0;
				width: 99px;
				height: 59px;
				text-align: center;
				line-height: 46px;
				font-size: 16px;
				color: #5a67da;
				position: absolute;
				top: -12px;
				left: -9px;
			}
			
			.box_video {
				float: left;
				width: 100%;
				margin-top: 50px;
				position: relative;
			}
			
			.box_video h2 {
				width: 100%;
				font-size: 16px;
				color: #676767;
				height: 25px;
				line-height: 25px;
				padding-bottom: 15px;
				border-bottom: 1px solid #ebebeb;
				*margin-bottom: 20px;
			}
			
			.video_more {
				display: block;
				background-position: -26px -119px;
				width: 19px;
				height: 25px;
				position: absolute;
				top: 0;
				right: 0;
			}
			
			.list_video {
				margin-top: 20px;
				margin-right: -18px;
			}
			
			.list_video li {
				float: left;
				width: 211px;
				margin-right: 18px;
				display: inline;
			}
			
			.list_video a {
				display: block;
				width: 100%;
				height: 106px;
				position: relative;
			}
			
			.list_video img {
				display: block;
			}
			
			.list_video span {
				display: block;
				background: url(img/btn_vid.png) no-repeat;
				width: 63px;
				height: 63px;
				position: absolute;
				top: 50%;
				left: 50%;
				margin-top: -32px;
				margin-left: -32px;
			}
			
			.list_video a:hover span {
				-webkit-animation: Big 0.5s linear forwards;
				animation: Big 0.5s linear forwards;
			}
			
.foot {
	background: #000;
	padding: 0 20px 80px;
	color: #494949
}

.foot-cpright {
	padding: 30px 0
}

.f-left {
	float: left;
	display: inline;
}

.f-right {
	float: right;
	display: inline;
}

.foot-sprt {
	margin: 0 2px;
	_margin: 0 0
}

.foot-logos-game {
	display: block;
	float: left;
	width: 180px;
	height: 35px;
	text-indent: -999em;
	overflow: hidden;
	margin: 10px 0 0 10px;
	background: url(img/foot-dark.png);
}	</style>
	</head>

	<body>
		<div class="index">
			<div class="top">
				<div class="top_bg"></div>
				<div class="top_container">
					<a href="http://ddt.qq.com/index.shtml" target="_blank" class="logo"></a>
					<p class="hd_title"><strong>弹弹堂官方正版手游</strong>多人对战弹射</p>
					<ul class="list_nav ">
						<li class="on"><a href="http://ddt.qq.com/index.shtml">首页</a></li>
						<li><a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27121/m16781/list_1.shtml" target="_blank">新闻活动</a></li>
						<li><a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27125/m16783/list_1.shtml" target="_blank">弹弹学院</a></li>
						<li><a href="javascript:alert('敬请期待！');">特色系统</a></li>
						<li><a href="http://bbs.g.qq.com/forum-57483-1.html" target="_blank">玩家论坛</a></li>
					</ul>
					<div class="box_gzh">
						<div class="icon_login">
							<a href="javascript:;" class="fl"><i class="login_wx icon"></i></a>
							<a href="javascript:;" class="fr"><i class="login_qq icon"></i></a>
						</div>
					</div>
				</div>
			</div>

			<div class="header">
				<a href="javascript:" class="vid"></a>
			</div>
			<div class="i_content">
				<div class="container pr">
					<div class="box1 c">
						<div class="slide_adv">
							<ul class="list_adv" id="list_adv" style="left: -1199px;">
								<li>
									<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27121/27122/m16784/201708/627784.shtml?atm_cl=ad&amp;atm_pos=18500&amp;e_code=360146" ><img src="img/1503519555231021603.jpg"></a>
								</li>
								<li>
									<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27121/27122/m16784/201711/660580.shtml?atm_cl=ad&amp;atm_pos=18496&amp;e_code=372746"><img src="img/1503518459834567277.jpg"></a>
								</li>
								<li>
									<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27121/27122/m16784/201710/647626.shtml?atm_cl=ad&amp;atm_pos=18497&amp;e_code=366604"><img src="img/1508705461984681571.jpg"></a>
								</li>
								<li>
									<a href="http://ddt.qq.com/cp/a20170821new/index.htm?atm_cl=ad&amp;atm_pos=18498&amp;e_code=353683" ><img src="img/1511397386106869843.jpg"></a>
								</li>
								
							</ul>
							<ul class="icon_adv c" id="icon_adv">

								<li class="on"></li>
								<li class=""></li>
								<li class=""></li>
								<li class=""></li>
							</ul>
						</div>
						<div class="box_news">
							<div class="news_tit c">
								<h3>新闻资讯</h3>
								<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27121/m16781/list_1.shtml" target="_blank" class="news_more icon"></a>
							</div>
							<ul class="tab_news c">
								<li class="on"><a href="javascript:;">最新</a></li>
								<li><a href="javascript:;">新闻</a></li>
								<li><a href="javascript:;">公告</a></li>
								<li><a href="javascript:;">活动</a></li>
							</ul>
							<div class="tab_news_ct" style="display: block;">
								<ul class="list_news c">
									<li class="headlines"><a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27121/27122/m16784/201712/664653.shtml">FAQ观察站：《弹弹堂手游》第二战区知多少</a>
										<p>《弹弹堂手游》第二战区于感恩节半年庆期间上线，但是鉴于很多玩家对“第二战区”的玩法理解有偏差，小编决定出一期FAQ疑难解答~</p>
									</li>

									<li> <a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27121/27122/m16784/201712/664653.shtml">FAQ观察站：《弹弹堂手游》第二战区知多少</a><em>12/01</em></li>
									<li> <a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27121/27122/m16784/201711/664401.shtml">Q弹暖人心 《弹弹堂手游》开启寒风大作战</a><em>11/30</em></li>
									<li> <a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27121/27122/m16784/201711/663392.shtml">凤翔九天 《弹弹堂手游》冰之神宠“寒霜”出战</a><em>11/29</em></li>
									<li> <a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27121/27122/m16784/201711/662729.shtml">情迷印第安 《弹弹堂手游》绝版时装下架倒计时</a><em>11/28</em></li>

								</ul>
							</div>


						</div>
						<div class="box_down">
							<img src="img/ewm1.png" width="132" height="132">
							<div class="lst_down c">
								<a href="http://ddt.qq.com/d/media_d.html?device=android" class="down_android sp db">安卓下载</a>
								<a href="http://ddt.qq.com/d/media_d.html?device=iphone" class="down_ios sp db">IOS下载</a>
								<a href="http://dlied6.qq.com/invc/xfspeed/qqpcmgr/download/GameDownload_com.tencent.tmgp.ddtank_91.exe" class="down_pc sp db">PC模拟器下载</a>
							</div>
						</div>
					</div>
					<div class="box2 c">
						<div class="box_active">
							<h2 class="active_tit icon">热门活动<span>/ ACTIVITY</span></h2>
							<div class="list_active c">
								<div style="position: relative;float: left;z-index: 1;width:380px">
									<a href="http://ddt.qq.com/cp/a20170322school/index.htm?atm_cl=ad&amp;atm_pos=18501&amp;e_code=317398" target="_blank" class="fl"><img src="img/1496364767310902333.jpg" alt="弹弹学院开学啦" width="380" height="151"></a><span class="icon_new icon"></span></div>
								<div style="position: relative; float: right;z-index: 1;width:380px">
									<a href="http://ddt.qq.com/cp/a20170412czfl/index.htm?atm_cl=ad&amp;atm_pos=18502&amp;e_code=317888" target="_blank" class="fr"><img src="img/1493096709118660527.jpg" alt="充值返利大放送" width="380" height="151"></a><span class="icon_new icon"></span></div>
							</div>
						</div>
						<div class="box_guide">
							<h2 class="guide_tit">新手指引<span>/ GUIDANCE</span></h2>
							<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27171/27172/m16807/201612/537393.shtml" class="guide_more icon"></a>
							<div class="list_guide c">
								<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27171/27172/m16807/201612/537393.shtml" target="_blank" class="guide_bg1"><span class="guide_icon1 icon"></span><em>新手入门</em></a>
								<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27171/27175/m16807/201612/537406.shtml" target="_blank" class="guide_bg2"><span class="guide_icon2 icon"></span><em>宝珠系统</em></a>
								<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27171/27176/m16807/201612/537399.shtml" target="_blank" class="guide_bg1"><span class="guide_icon3 icon"></span><em>时装系统</em></a>
								<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27171/27173/m16807/201612/537394.shtml" target="_blank" class="guide_bg2"><span class="guide_icon4 icon"></span><em>武器系统</em></a>
								<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27171/27174/m16807/201612/537403.shtml" target="_blank" class="guide_bg1"><span class="guide_icon5 icon"></span><em>宠物系统</em></a>
								<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27171/27177/m16807/201612/537401.shtml" target="_blank" class="guide_bg2"><span class="guide_icon6 icon"></span><em>社交系统</em></a>
							</div>
						</div>
					</div>
					<div class="box3">
						<h2 class="sys_tit icon">特色系统<span>/ SYSTEM</span></h2>
						<a href="javascript:;" class="guide_more icon"></a>
						<ul class="tab_sys c">
							<li><a href="javascript:;">武器</a></li>
							<li><a href="javascript:;">宠物</a></li>
							<li><a href="javascript:;">时装</a></li>
							<li><a href="javascript:;">宝珠</a></li>
						</ul>
						<div class="tab_sys_ct" id="slide_sys1" style="display: block;">
							<div class="slides_container" style="overflow: hidden; position: relative; display: block;">
								<div class="slides_control" style="position: relative; width: 3594px; height: 0px; left: -1198px;">
									<div class="slides-item" style="position: absolute; top: 0px; left: 1198px; z-index: 0; display: block;"><img src="img/firearm2.jpg" alt="爱心回力标"></div>
								</div>

							</div>
							<ul class="pagination sys1_pagination c">
								<li class="">
									<a href="http://ddt.qq.com/index.shtml#0" class="sys_tab1_s1" title="远古竹枪"></a>
								</li>
								<li class="current">
									<a href="http://ddt.qq.com/index.shtml#1" class="sys_tab1_s2" title="爱心回力标"></a>
								</li>
							</ul>
							<a href="javascript:;" class="prev sp" title=""></a>
							<a href="javascript:;" class="next sp" title=""></a>
							<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27171/27173/m16807/201612/537394.shtml" class="weapon_more db">更多武器介绍</a>
						</div>
					</div>
					<div class="box4">
						<h2 class="feat_tit icon">游戏特色<span>/ FEATURES</span></h2>
						<div class="slide_feat">
							<ul class="list_feat c" id="list_feat" style="left: -2400px;">
								<li>
									<a href="javascript:;"><img src="img/feature1.jpg" alt=""></a>
								</li>
								<li>
									<a href="javascript:;"><img src="img/feature2.jpg" alt=""></a>
								</li>
								<li>
									<a href="javascript:;"><img src="img/feature3.jpg" alt=""></a>
								</li>
							</ul>
							<ul class="icon_feat c" id="icon_feat">
								<li class=""></li>
								<li class=""></li>
								<li class="on"></li>
							</ul>
						</div>
					</div>
					<div class="box5">
						<h2 class="college_tit icon">弹弹学院<span>/ COLLEGE</span></h2>
						<div class="college_ct c">
							<div class="college_news">
								<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27125/m16783/list_1.shtml" target="_blank" class="college_news_more icon"></a>
								<ul class="tab_col_news c">
									<li class="on"><a href="javascript:;">最新</a></li>
									<li><a href="javascript:;">副本</a></li>
									<li><a href="javascript:;">竞技</a></li>
									<li><a href="javascript:;">养成</a></li>
									<li><a href="javascript:;">版本</a></li>
									<li><a href="javascript:;">社区</a></li>
								</ul>
								<div class="col_news_ct" style="display: block;">
									<ul class="list_col_news c">
										<li><a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27125/27127/m16784/201712/669247.shtml">强力好辅助 皇室果盘宝珠搭配方案</a><em>12/12</em></li>
										<li><a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27125/28565/m16784/201712/669246.shtml">反抛帝大战贝拉 试炼塔第76关通关攻略</a><em>12/12</em></li>
										<li><a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27125/27126/m16784/201712/668716.shtml">新橙宠累登即送 火精灵王热情来袭</a><em>12/11</em></li>
										<li><a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27125/28565/m16784/201712/668717.shtml">巧辩真假魔女 试炼塔第75关通关攻略</a><em>12/11</em></li>
										<li><a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27125/27126/m16784/201712/668100.shtml">日积月累 每日必做高收益任务盘点</a><em>12/08</em></li>
										<li><a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27125/27127/m16784/201712/668097.shtml">来无影去无踪 萌宠出击宝珠搭配方案</a><em>12/08</em></li>

									</ul>
								</div>
							</div>
							<div class="box_comic">
								<h2>漫画专区</h2>
								<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27433/m16999/list_1.shtml" target="_blank" class="comic_more icon"></a>
								<div class="list_comic c">
									<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27433/m16784/201712/664943.shtml" class="fl"> <img src="img/900x500.1512111732.f55e8d6c9ae4e4b1196c383a104f00c4.900x500_70695.jpg" width="250" height="196"></a>
									<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27433/m16784/201711/660339.shtml" class="fr"> <img src="img/900x500.1511221183.968ebd853af07741a431d5b613141608.900-500_89792.jpg" width="250" height="196"></a>

								</div>
							</div>
							<div class="box_video">
								<h2>视频专区</h2>
								<a href="http://ddt.qq.com/webplat/info/news_version3/24905/27120/27129/m16998/list_1.shtml" target="_blank" class="video_more icon"></a>
								<ul class="list_video c">
									<li>
										<a href="javascript:"><img src="img/750x422.1512715160.c3ba9e82060529e4c501f475b38bd4be.750x42248296.1512979475.a33bc4cf8c75ecf8202a16587f62bf25.750x422_48296.jpg" width="211" height="106" alt="【武器大讲堂】第二十八期：高速度的武器神风"><span></span></a>
										<p>【武器大讲堂】第二十八期：高速度的武器神风</p>
									</li>
									<li>
										<a href="javascript:"><img src="img/FY900x500.1512715004.6ed6698c561da13a6edd9142b29ea15e.900x500_302360.jpg" width="211" height="106" alt="【弹神带你飞】第二十八期：火精灵王强势降临"><span></span></a>
										<p>【弹神带你飞】第二十八期：火精灵王强势降临</p>
									</li>
									<li>
										<a href="javascript:"><img src="img/FY900x500.1512120760.db5f37f59a36949880e9c0e6b7327e6a.900x500_327888.jpg" width="211" height="106" alt="武器大讲堂 第二十七期：暴击瞬间爆炸的星陨"><span></span></a>
										<p>武器大讲堂 第二十七期：暴击瞬间爆炸的星陨</p>
									</li>
									<li>
										<a href="javascript:"><img src="img/FY900x500.1512120248.3bc9b9c62355a0aa4a809a3002a2b8b6.900x500_319044.jpg" width="211" height="106" alt="弹神带你飞第二十七期：涅槃重生，寒霜降临"><span></span></a>
										<p>弹神带你飞第二十七期：涅槃重生，寒霜降临</p>
									</li>
									<li>
										<a href="javascript:"><img src="img/FY900x500.1511512645.110f4a2a0adb0822eac39a64eb8157c2.900-500_290912.jpg" width="211" height="106" alt="【弹神带你飞】第二十六期：勇气的收获"><span></span></a>
										<p>【弹神带你飞】第二十六期：勇气的收获</p>
									</li>

								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="foot foot-dark">
			<div class="container">
				<div class="foot-cpright clear tool-tpline">
					<div class="f-left foot-logos"><a href="" title="腾讯互动娱乐" class="foot-logos-game" target="_blank">腾讯互动娱乐</a></div>
					<ul class="f-right foot-links">
						<li>本网络游戏适合年满15周岁(含)以上的用户使用；为了您的健康，请合理控制游戏时间。</li>
						<li>抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。</li>
						<li><a target="_blank" href="http://ieg.tencent.com/">腾讯互动娱乐</a>
					</ul>
				</div>
			</div>
		</div>

	</body>

</html>